import Login from '@/pages/Login.jsx';
import Index from '@/pages/Main.jsx';
import InputView from '@/pages/InputView.jsx';
import TableView from '@/pages/TableView.jsx';
import ButtonView from '@/pages/ButtonView.jsx';
import LoadingView from '@/pages/LoadingView.jsx';
import SwiperView from '@/pages/SwiperView.jsx';
import MessageView from '@/pages/MessageView.jsx';
import TabView from '@/pages/TabView.jsx';
import UploadView from '@/pages/UploadView.jsx';
import IconView from '@/pages/IconView.jsx';
import AnimationView from '@/pages/AnimationView.jsx';
import CanvasView from '@/pages/CanvasView.jsx';
import DragView from '@/pages/DragView.jsx';

const menuList = [
  { path: '/', name: 'Login', redirect: '/Login', meta: { require: false }, isShow: false },
  { path: '/Login', name: 'Login', component: Login, meta: { require: false }, isShow: false },
  { path: "/Index", name: "首页", component: Index, icon: "book", key: "index" },
  { path: "/components", name: "UI组件", component: Login, icon: "issues-close", key: "components",
    children: [
      { path: "/Input", name: "Input", component: InputView, icon: "bars", key: "input", },
      { path: "/Table", name: "Table", component: TableView, icon: "book", key: "table", },
      { path: "/Button", name: "Button", component: ButtonView, icon: "book", key: "button", },
      { path: "/Loading", name: "Loading", component: LoadingView, icon: "book", key: "loading", },
      { path: "/Swiper", name: "Swiper", component: SwiperView, icon: "book", key: "swiper", },
      { path: "/Message", name: "Message", component: MessageView, icon: "book", key: "message", },
      { path: "/Tab", name: "Tab", component: TabView, icon: "book", key: "tab", },
      { path: "/Upload", name: "Upload", component: UploadView, icon: "book", key: "upload", },
      { path: "/Icon", name: "Icon", component: IconView, icon: "book", key: "icon", },
      {
        name: "meun3", path: "/3", icon: "info-circle", key: "menu3",
        // children: [
        //   { name: "meun4", path: "/4", icon: "bars" },
        //   { name: "meun5", path: "/5", icon: "bars" },
        //   { name: "meun6", path: "/6", icon: "bars" },
        //   { name: "meun7", path: "/7", icon: "bars" }
        // ]
      },
      {
        name: "meun8", path: "/8", icon: "branches", key: "menu8",
        // children: [
        //   { name: "meun9", path: "/9", icon: "bars" },
        //   { name: "meun10", path: "/10", icon: "bars" },
        // ]
      }
    ]
  },
  { path: "/Animation", name: "动画", component: AnimationView, icon: "book", key: "animation", },
  { path: "/Canvas", name: "Canvas", component: CanvasView, icon: "book", key: "canvas", },
  { path: "/Drag", name: "拖拽", component: DragView, icon: "book", key: "drag", },
]

export default menuList;